<form accept-charset="utf-8" method="post" enctype="multipart/form-data">
    <aside class="right-side">
        <!-- BEGIN: Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <small>Danh sách ngôn ngữ</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="http://demo011.ioi.vn/vn/tsmedia/home/"><i class="fa fa-dashboard"></i> Trang chủ</a></li>
                <li class="active">Danh sách ngôn ngữ</li>
            </ol>
        </section>
        <!-- BEGIN: Content Header (Page header) -->

        <!-- BEGIN: Main content -->
        <section class="content">
            <div class="row">
                <!-- BEGIN: Box Left -->
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="box box-primary">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-flag-checkered"></i>
                            <h3 class="box-title">Danh sách Ngôn ngữ</h3>
                        </div>
                        <!-- END: Box-Header -->

                        <!-- BEGIN: Box-Table-->
                        <div class="box-body table-responsive no-padding">
                            <table id="example1" class="table table-bordered table-striped dataTable" aria-describedby="example1_info">
                                <thead>
                                    <tr>
                                        <th style="width: 10px">STT</th>
                                        <th class="text-center">Ngôn ngữ</th>
                                        <th class="text-center">Tên viết tắt</th>
                                        <th class="text-center">Ngày đăng</th>
                                        <th class="text-center">Hình đại diện</th>
                                        <th class="text-center">Thiết lập</th>
                                    </tr>
                                </thead>
                                <tbody role="alert" aria-live="polite" aria-relevant="all">
                                    <tr class="">
                                        <td class="text-center">1</td>
                                        <td><a>Tiếng Việt</a></td>
                                        <td class="text-center"><span class="badge bg-aqua">vn</span></td>
                                        <td class="text-center"><span class="alias_cate">18/01/2014<span class="time_news">(02:01:04 pm)</span></span></td>
                                        <td class="text-center">
                                            <a href="http://demo011.ioi.vn/public/frontend/uploads/files/language/lang_vi.png" class="image zoom_img tip-bottom cboxElement">
                                                <img src="http://demo011.ioi.vn/public/frontend/uploads/files/language/thumbnail/lang_vi.png" title="Tiếng Việt" alt="Tiếng Việt" class="img-circle">
                                            </a>
                                        </td>
                                        <td class="text-center">
                                            <span>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update/1/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-primary" title="Cập nhập [Tiếng Việt]" data-original-title="Cập nhập [Tiếng Việt]"><i class="fa fa-edit"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/delete/1/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-danger" title="Tiếng Việt" data-original-title="Bỏ vào thùng rác" onclick="return Delete();"><i class="fa fa-trash-o"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update_status/1/0/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-warning" title="Ẩn" data-original-title="Ẩn"><i class="fa fa-eye"></i></a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td class="text-center">2</td>
                                        <td><a>English</a></td>
                                        <td class="text-center"><span class="badge bg-aqua">en</span></td>
                                        <td class="text-center"><span class="alias_cate">18/01/2014<span class="time_news">(02:01:24 pm)</span></span></td>
                                        <td class="text-center">
                                            <a href="http://demo011.ioi.vn/public/frontend/uploads/files/language/lang_en.png" class="image zoom_img tip-bottom cboxElement">
                                                <img src="http://demo011.ioi.vn/public/frontend/uploads/files/language/thumbnail/lang_en.png" title="English" alt="English" class="img-circle">
                                            </a>
                                        </td>
                                        <td class="text-center">
                                            <span>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update/2/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-primary" title="Cập nhập [English]" data-original-title="Cập nhập [English]"><i class="fa fa-edit"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/delete/2/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-danger" title="English" data-original-title="Bỏ vào thùng rác" onclick="return Delete();"><i class="fa fa-trash-o"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update_status/2/0/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-warning" title="Ẩn" data-original-title="Ẩn"><i class="fa fa-eye"></i></a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr class="opcity02">
                                        <td class="text-center">3</td>
                                        <td><a>Japan</a></td>
                                        <td class="text-center"><span class="badge bg-aqua">ja</span></td>
                                        <td class="text-center"><span class="alias_cate">18/01/2014<span class="time_news">(02:01:16 pm)</span></span></td>
                                        <td class="text-center">
                                            <a href="http://demo011.ioi.vn/public/frontend/uploads/files/language/lang_jp.png" class="image zoom_img tip-bottom cboxElement">
                                                <img src="http://demo011.ioi.vn/public/frontend/uploads/files/language/thumbnail/lang_jp.png" title="Japan" alt="Japan" class="img-circle">
                                            </a>
                                        </td>
                                        <td class="text-center">
                                            <span>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update/3/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-primary" title="Cập nhập [Japan]" data-original-title="Cập nhập [Japan]"><i class="fa fa-edit"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/delete/3/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-danger" title="Japan" data-original-title="Bỏ vào thùng rác" onclick="return Delete();"><i class="fa fa-trash-o"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update_status/3/1/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-warning" title="Hiển thị" data-original-title="Hiển thị"><i class="fa fa-eye"></i></a>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr class="opcity02">
                                        <td class="text-center">5</td>
                                        <td><a>China</a></td>
                                        <td class="text-center"><span class="badge bg-aqua">cn</span></td>
                                        <td class="text-center"><span class="alias_cate">18/01/2014<span class="time_news">(02:01:12 pm)</span></span></td>
                                        <td class="text-center">
                                            <a href="http://demo011.ioi.vn/public/frontend/uploads/files/language/lang_cn.png" class="image zoom_img tip-bottom cboxElement">
                                                <img src="http://demo011.ioi.vn/public/frontend/uploads/files/language/thumbnail/lang_cn.png" title="China" alt="China" class="img-circle">
                                            </a>
                                        </td>
                                        <td class="text-center">
                                            <span>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update/5/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-primary" title="Cập nhập [China]" data-original-title="Cập nhập [China]"><i class="fa fa-edit"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/delete/5/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-danger" title="China" data-original-title="Bỏ vào thùng rác" onclick="return Delete();"><i class="fa fa-trash-o"></i></a>
                                                <a href="http://demo011.ioi.vn/vn/tsmedia/language/update_status/5/1/http:--demo011.ioi.vn-vn-tsmedia-language-" class="btn btn-xs btn-warning" title="Hiển thị" data-original-title="Hiển thị"><i class="fa fa-eye"></i></a>
                                            </span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- END: Box-Table-->

                        <!-- BEGIN: Box-Footer -->
                        <div class="box-footer">
                            <button class="btn btn-default disabled">Tổng cộng: 4 Ngôn ngữ</button>
                        </div>
                        <!-- END: Box-Footer -->
                    </div>
                </div>
                <!-- END: Box Left -->
                <!-- BEGIN: Box Right -->
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="box box-info box-solid">
                        <!-- BEGIN: Box-Header -->
                        <div class="box-header">
                            <i class="fa fa-flag"></i>
                            <h3 class="box-title">Thêm mới Ngôn ngữ</h3>
                        </div>
                        <!-- END: Box-Header -->

                        <!-- BEGIN: Box-Body-->
                        <div class="box-body">
                            <form action="http://demo011.ioi.vn/vn/tsmedia/language" accept-charset="utf-8" name="basic_validate" method="post" class="form-horizontal" id="basic_validate" novalidate="novalidate" enctype="multipart/form-data">                            <div class="row">
                                    <div class="col-md-6 form-group">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-flag-o"></i></span>
                                            <input type="text" name="language_name" value="" id="language_name" class="required form-control" placeholder="Ngôn ngữ"  />                                    </div>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-code"></i></span>
                                            <input type="text" name="language_name_short" value="" id="language_name_short" class="form-control" placeholder="Tên viết tắt"  />                                    </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 form-group">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-sort-numeric-asc"></i></span>
                                            <input type="text" name="language_position" value="" id="language_position" class="form-control" placeholder="Số thứ tự"  />                                    </div>
                                    </div>
                                    <div class="col-md-6 form-group">
                                        <div class="input-group">
                                            <div class="controls" style="line-height: 34px;">
                                                <input type="radio" value="1" checked name="language_status">
                                                <i class="fa fa-eye"></i> Hiển thị                                            <input type="radio" value="0" name="language_status">
                                                <i class="fa fa-eye-slash"></i> Ẩn                                        </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label"><label>Ảnh đại diện</label></label>

                                    <div class="controls">
                                        <span class="btn btn-success fileinput-button btn-sm">
                                            <span>Chọn file ...</span>
                                            <input id="user_logo" type="file" name="files[]" multiple="">
                                        </span>
                                        <div class="progress-ts">
                                            <i class="fa fa-upload"></i>

                                            <div id="progress_picture" class="progress sm progress-striped active">
                                                <div class="progress-bar progress-bar-success bar" role="progressbar" aria-valuenow="20"
                                                     aria-valuemin="0" aria-valuemax="100">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="alert alert-info alert-dismissable">
                                            <i class="fa fa-cloud"></i>
                                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                            <p>File đã tải lên:</p>
                                            <ul id="files_picture" class="file_reset"></ul>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <!-- END: Box-Body-->

                        <!-- BEGIN: Box-Footer-->
                        <div class="box-footer text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-save"></i>
                                <span>Lưu</span>
                            </button>
                            <button type="reset" class="btn btn-danger">
                                <i class="fa fa-refresh"></i>
                                <span>Nhập lại</span>
                            </button>
                        </div>
                        <!-- END: Box-Footer-->
                    </div>
                </div>
                <!-- END: Box Right -->
            </div>
        </section>
        <!-- END: Main content -->
    </aside>
</form>